body{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.register{
    margin-left: calc(100% - 100vw);
    width: 100vw;
    height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.02);
}
.registerBox{
    width: 472px;
    overflow: hidden;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
    border-radius: 12px;
    background: #ffffff;
}
.registerTop{
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #201B4F;
    background-image: linear-gradient(180deg,#404040 0,#1E1E1E 100%),linear-gradient(126deg,#201B4F 15%,#0B0930 100%);
    box-shadow: 0 2px 7px 0 #211B4F;
}
.registerTop img{
    width: 56%;
}

.registerBottom{
    padding: 26px 0;
    width: 323px;
    margin: 0 auto;
}
.registerTitle{
    font-size: 20px;
    text-align: center;
}
.registerForm{
    margin-top: 18px;
}
.registerForm .registerFormButton{
    width: 100%;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(315deg,#ea5413 0,#fc902e 100%) #f5f5f5;
    border: 0 none;
}
.registerForm .registerFormButton[disabled]{
    color: rgba(0, 0, 0, 0.25);
    border-color: #d9d9d9;
    background:#f5f5f5;
}
.registerVerificationCodeButton{
    border-radius: 5px;
    border: 1px solid rgba(0 , 0, 0, 0.3);
    color: rgba(0 , 0, 0, 0.3);
}
.registerVerificationCodeButton:hover,.registerVerificationCodeButton:focus{
    color: #ea5413;
    border: 1px solid #ea5413;
}
.registerForm :global(.ant-checkbox-wrapper:hover .ant-checkbox-inner){
    border: 1px solid #ea5413;
}
.registerForm :global(.ant-checkbox-checked .ant-checkbox-inner){
    background: #ea5413;
    border: 1px solid #ea5413;
}
.registerForm :global(.ant-checkbox-checked::after){
    border: 1px solid #ea5413;
}
.registerForm :global(.ant-form-item){
    height: 54px;
    margin-bottom: 0px;
}
.registerForm :global(.ant-input),.registerForm :global(.ant-input-affix-wrapper){
    border-radius: 5px;
}
.registerForm :global(.ant-input:focus),.registerForm :global(.ant-input-focused),.registerForm :global(.ant-input:hover),.registerForm :global(.ant-input-affix-wrapper:hover),.registerForm :global(.ant-input-affix-wrapper-focused),.registerForm :global(.ant-input-affix-wrapper:focus){
    border-color: rgba(255, 208, 75 ,0.3);
    box-shadow: 0 0 0 2px rgba(255, 208, 75, 0.2);
}


.registerForm :global([ant-click-animating-without-extra-node]::after),.registerForm :global(.ant-click-animating-node ){
    box-shadow: 0 0 0 6px rgba(0,0,0,0.2)!important;
}

.registerFooter{
    display: flex;
    align-items: center;
    justify-content:  center;
    margin-top: 20px;
}
.registerFooterList{
    font-size: 14px;
    color: rgba(234, 84, 19, 1);
    margin: 0 5px;
    cursor: pointer;
}